a{ color:#333; text-decoration:none;}
a:hover{ color:#E50112;}
img{ border:0px;}
ul,li,h1,p,h2{ margin:0px; padding:0px; list-style:none; font-weight:normal}
input{font-family:"Microsoft Yahei";}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color:#333;
	text-align:center;
	font-family:"Microsoft Yahei";
	font-size:16px;
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: inherit | grayscale;
}
header{ display:none;}
.header{width:100%; height:auto;float:left; line-height:36px; border-bottom:1px solid #e0e0e0; font-size:0.75em; background:#f2f2f2;}
.container{width:100%; max-width:1200px;height:auto; margin:0 auto; text-align:left;}
.header .hd1{ float:left;  color:#666; }
.header .hd2{ float:right;}
.header .hd2 a{ padding-left:10px; padding-right:10px;}

.h_top{width:100%; height:auto;float:left; background:url(../images/topbg.jpg); margin-top:6px; background-repeat:repeat-x;}
.h_top .ht1{ width:485px; height:auto; float:left;padding-top:10px; }
.h_top .ht2{ width:415px; height:auto; float:left; padding-top:27px;}
.h_top .ht3{ width:300px;float:left;}
.h_top .ht3 .tel{ width:100%;float:left;}
.h_top .ht3 .sear{ float:right;}
.h_top .ht3 .sear .s{ width:230px; float:left;border:1px solid #a5a5a5; background:#f8f8f8;}
.h_top .ht3 .sear .s .timg{ float:left; padding-right:8px;}
.h_top .ht3 .sear .s .input{ float:left; height:26px;padding-right:8px; border-right:1px solid #a5a5a5}
.h_top .ht3 .sear .s .input input{ width:130px;border:none; background:#fff; background:#f8f8f8}
.h_top .ht3 .sear .s .btn{ float:left; background:#e1e1e1; text-align:center;}
.h_top .ht3 .sear .s .btn input{ padding-left:15px; padding-right:15px;  background:#e1e1e1; line-height:24px;text-shadow: 1px 1px #fff; border:none;cursor:pointer}

.navs{ width:100%; height:50px;float:left; background:#606475;}
.navs .container ul{ width:100%; height:auto; float:left; line-height:50px; font-size:1.428em;}
.navs>.container>ul>li{position:relative;float:left}
.navs>.container>ul>li,.navs>.container>ul>li>a{display:inline-block;text-align:center}
.navs>.container>ul>li>a{padding:0 20px; color:#fff;}
.navs>.container>ul>li.current>a,.navs>.container>ul>li>a:hover{background-color:rgba(240,4,24,1);text-decoration:none;-webkit-transition:background-color .3s ease 0s;-moz-transition:background-color .3s ease 0s;-o-transition:background-color .3s ease 0s;-ms-transition:background-color .3s ease 0s;transition:background-color .3s ease 0s}
.navs>.container>ul>li,.navs>.container>ul>li>a{line-height:50px;font-size:20px}

.banner{ width:100%; height:600px;float:left; text-align:center;}
.banner_m{ display:none;}
.fullSlide {width:100%;position:relative;height:600px;z-index:5;}
.fullSlide .bd {margin:0 auto;position:relative;overflow:hidden;}
.fullSlide .bd ul {width:100% !important; list-style:none; margin:0px;}
.fullSlide .bd li {width:100% !important;	height:600px;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:600px;}
.fullSlide .hd {width:100%;position:absolute;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:55px;height:10px;margin:1px;overflow:hidden;background:#000;line-height:999px;}
.fullSlide .hd ul .on {background:#F00418;}

.product,.about{ width:100%; height:auto;float:left; background:#f0f0f0; border-top:1px solid #fff;}

.vr_title {
    text-align: center;
    line-height: 1;
}

.vr_title h2 {
    font-size: 28px;
    color: #333;
    position: relative;
    margin: 0;
    padding: 20px 0;
}

.vr_title h2::after {
    content: '';
    width: 70px;
    height: 2px;
    background: #b4b4b4;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -35px;
}

.product ul{ width:100%; height:auto; float:left; padding-top:15px; padding-bottom:15px;}
.product ul li{ width:17.8%;float:left;  border:1px solid #d2d2d2;  margin:1%; margin-bottom:0.5%;}
.product ul li a{ width:100%; float:left;line-height:38px; text-align:center;background:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.product ul li a:hover{background-color:rgba(240,4,24,0.8);text-decoration:none;-webkit-transition:background-color .3s ease 0s;-moz-transition:background-color .3s ease 0s;-o-transition:background-color .3s ease 0s;-ms-transition:background-color .3s ease 0s;transition:background-color .3s ease 0s; color:#fff;}

.vr_list{ width:100%; height:auto; float:left;}
.m_wrap{ display:none;}
.wrap{position:relative; float:left; width: 390px; height:320px; margin:5px; overflow:hidden;}
.wrap img{position:absolute; top:0; left:0; width:388px; height:318px; border:1px solid #d2d2d2;}
.wrap h3{line-height:30px; padding-left:20px; font-size:1em;}
.cover{position:absolute;  height:60px; width:100%; padding:3px; top:320px; }
.cover a{color:#E50112}

.join{ width:100%; height:auto;float:left; padding-top:10px; padding-bottom:15px;}
.join .hz_title{text-align: center;line-height: 1; padding-bottom:45px;}
.join .hz_title h2 {
    font-size: 40px;
    color: #333;
    position: relative;
    margin: 0;
    padding: 20px 0;
}
.join .hz_title p{ font-size:30px; color:#606475;}

.join .hz_con{ width:100%; height:auto; float:left;}
.join .hz_con div{ width:20%; float:left; text-align:center;}
.join .hz_con div img{ max-width:100%;}

.about{ padding-top:40px; padding-bottom:30px;}
.f-l{ float:left;}
.f-r{ float:right;}

.about .a_img{ float:left; width:40.5%;}
.about .a_img img{ width:100%; max-width:485px;}
.about .a_con{ float:left; width:56.5%;padding-left:3%; color:#666;}
.about .a_con h1{ font-size:30px; color:#333;}
.about .a_con h2{ font-size:20px; color:#606475; line-height:50px;}
.about .a_con ul{ padding-left:3%; padding-bottom:20px;}
.about .a_con li{list-style:disc; margin-left:10px; font-size:14px;}

footer{ width:100%; height:auto;float:left; background:url(../images/footbg.jpg) #616475; color:#fff; padding-bottom:40px;}
footer a{ color:#fff;}
footer .f-l{ width:80%;}
footer .f-r{ width:20%; text-align:right;}
footer .f-l .bot_menu{ padding-top:40px;padding-left:7%;}
footer .f-l .bot_menu a{ padding-right:6%; color:#fff;}
footer .f-l .bot_copy{ line-height:200%; font-size:14px; padding-left:7%; border-top:1px solid #999; padding-top:15px; margin-top:20px;}

@media(max-width:1024px) {
	.navs>.container>ul>li>a{padding:0 10px; color:#fff;}
	.h_top .ht2{ display:none;}
	.h_top .ht3{ float:right;}
	.wrap{position:relative; float:left; width: 330px; height:270px; margin:1px;  overflow:hidden;}
	.wrap img{position:absolute; top:0; left:0; width:328px; height:268px; border:1px solid #d2d2d2;}
	.wrap h3{line-height:40px; color:#fff; padding-left:20px; font-size:1em;}
	.cover{position:absolute; height:40px; width:100%; top:270px; }
}
@media(max-width:767px) {
	body { font-size:12px;}
	.banner{ height:250px;}

	.fullSlide {height:250px;}
	.fullSlide .bd li {height:250px;}
	.fullSlide .bd li a {display:block;height:250px;}
	
	.navs>.container>ul>li>a{padding:0 5px; color:#fff; font-size:16px;}
	.product ul li{ width:30.5%;float:left;  border:1px solid #d2d2d2;  margin:1%; margin-bottom:0.5%;}
	
	.wrap{ display:none;}
	.m_wrap{ display:block;}
	.m_wrap{float:left; width: 47%; height:auto; margin:1.5%;}
	.m_wrap img{ width:99.5%;border:1px solid #d2d2d2; height:120px;}
	.m_wrap h3{line-height:40px; text-align:center; background:#eaeaea;font-size:1em;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.m_cover{ width:100%; height:auto; float:left;}
	
	.join .hz_title h2 { font-size:28px;}
	.join .hz_title p{ font-size:20px;}
	.join .hz_con div{ width:33.33%; text-align:center;}
	.about .a_img{ width:98%; padding:1%;}
	.about .a_con{ width:98%;padding:1%;}
	.about .a_con h1{ font-size:28px;}
	.about .a_con h2{ font-size:20px;line-height:35px; padding-bottom:15px;}
	footer{ height:auto; padding-bottom:15px; background:#606475;}
	footer .f-r{ display:none;}
	footer .f-l{ width:100%;}
	footer .f-l .bot_menu{ padding-top:20px;padding-left:1%;}
	footer .f-l .bot_menu a{ padding-right:3%; color:#fff;}
	footer .f-l .bot_copy{ line-height:200%; font-size:12px;padding-left:1%; border-top:1px solid #999; padding-top:15px; margin-top:20px;}
	

}
@media(max-width:480px){
	.header {
        display: none ;
    }
	header{ display:block;}
	
	.navs{ display:none;}
	.h_top{display: none ;}
	
	.mobile-menu-area {background: #ddd none repeat scroll 0 0;}
	.mobile-menu .logo {
		left: 10px;
		position: absolute;
		top: 8px;
		z-index: 99999999 !important;
	}
	.mobile-menu .logo img {
		height: 40px;
		width: 185px;
	}
	.banner{ display:none;}
	.banner_m{ width:100%; display:block; }
	.banner_m img{ width:100%;border-top:1px solid #f0f0f0;}
	.product ul li{ width:47%;}
	.join .hz_con div{ width:50%; text-align:center;}
	.join .hz_con div img{ max-width:95%;}
}